<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta charset="utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!-- 禁用电话号码检测功能，禁止对数字随便可以拨号 -->
		<meta name="format-detection" content="telephone=no">
		<!-- 禁用地址检测功能，禁止跳转到地图 -->
		<meta name="format-detection" content="address=no">
		<!-- 在苹果设备上以全屏方式打开本网页 -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<!-- 设置在苹果设备上状态的颜色，默认白色，要设置成什么颜色以Web颜色的风格而定 -->
		<meta name="apple-mobile-web-app-status-bar-style" content="white">
		<title>邦购首页</title>
		<link rel="stylesheet" href="vendor/normalize.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="vendor/animate.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="vendor/swiper/swiper.min.css" />
		<!-- 苹果设备在桌面上生成的快捷图标 -->
		<link rel="icon" href="img/favicon.ico">
		<link rel="stylesheet" href="css/core.css" />
	</head>

	<body>
		<header class="bgz-header top-fixed">
			<!-- 邦购商城下载 -->
			<div id="bg-app-info" style="display: none;">
				<div class="downloadApp flex-box">
					<i class="app-close">x</i>
					<div class="bglogo"><img src="img/banggologo.png" /></div>
					<div class="flex-item-1">
						<p>邦购商城</p>
						<p>APP新注册用户即享240元大礼</p>
					</div>
					<span><a href="http://m.banggo.com/appdl" style="color:#fff;">立即下载</a></span>
				</div>
			</div>
			<!-- 顶部导航条 -->
			<div class="header-nav flex-box " style="display: nomal">
				<div class="nav-Search search-wrap flex-item-1 flex-box" style="margin: 0.35rem 0.75rem">
					<i class="fa fa-search bgwap-search"></i>
					<p class="search-tip flex-item-1">满200立减50</p>
				</div>
			</div>
		</header>

		<section class="bgz-container">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<a href="#"><img src="img/960-4sfdfs80.jpg"></a>
					</div>
					<div class="swiper-slide">
						<a href="#"><img src="img/960-480-3000.jpg"></a>
					</div>
					<div class="swiper-slide">
						<a href="#"><img src="img/960-480UJ.jpg"></a>
					</div>
					<div class="swiper-slide">
						<a href="#"><img src="img/960480.jpg"></a>
					</div>
				</div>
				<!-- 如果需要分页器 -->
				<div class="swiper-pagination"></div>
			</div>
			<ul class="pannel-box">
				<li class="custom-box box-item-1">
					<a href="#" style="left: 0;top: 0;"><img src="img/hw-icon1_m1--.jpg" /></a>
					<a href="#" style="left: 3.2rem;top: 0;"><img src="img/hw-icon2_m1--.jpg" /></a>
					<a href="#" style="left: 6.4rem;top: 0;"><img src="img/hw-icon3_m1--.jpg" /></a>
					<a href="#" style="left: 9.6rem;top: 0;"><img src="img/hw-icon4_m1--.jpg" /></a>
					<a href="#" style="left: 12.8rem;top: 0;"><img src="img/hw-icon5_m1--.jpg" /></a>
					<a href="#" style="left: 0;top: 3.85rem;"><img src="img/hw-icon6_m1--.jpg" /></a>
					<a href="#" style="left: 3.2rem;top: 3.85rem;"><img src="img/hw-icon7_m1--.jpg" /></a>
					<a href="#" style="left: 6.4rem;top: 3.85rem;"><img src="img/hw-icon8_m1--.jpg" /></a>
					<a href="#" style="left: 9.6rem;top: 3.85rem;"><img src="img/hw-icon9_m1--.jpg" /></a>
					<a href="#" style="left: 12.8rem;top: 3.85rem;"><img src="img/hw-icon10_m1--.jpg" /></a>
				</li>
				<li class="custom-box box-item-2">
					<a href="#"><img src="img/PART1-1_m1--.jpg" /></a>
				</li>
				<li class="custom-box box-item-3">
					<a href="#" class="item-3-top" style="left: 0;top: 0;"><img src="img/PART1-2_m1--.jpg" /></a>
					<a href="#" class="item-3-top" style="left: 8rem;top: 0;"><img src="img/PART1-3_m1--.jpg" /></a>
					<a href="#" class="item-3-bottom" style="left: 0;top: 5rem;"><img src="img/PART1-4_m1--.jpg" /></a>
					<a href="#" class="item-3-bottom" style="left: 4rem;top: 5rem;"><img src="img/PART1-5_m1--.jpg" /></a>
					<a href="#" class="item-3-bottom" style="left: 8rem;top: 5rem;"><img src="img/PART1-6_m1--.jpg" /></a>
					<a href="#" class="item-3-bottom" style="left: 12rem;top: 5rem;"><img src="img/PART1-7_m1--.jpg" /></a>
				</li>
				<li class="custom-box box-item-4">
					<a href="#"><img src="img/PART2_m1--.jpg" /></a>
				</li>
				<li class="custom-box box-item-5">
					<a href="#"><img src="img/PART3_m1--.jpg" /></a>
				</li>
				<li class="custom-box box-item-6">
					<a href="#" class="item-6-top"><img src="img/PART4-hc_m1--.jpg" /></a>
					<a href="#" style="left: 0;top: 2.5rem;"><img src="img/PART4-hcmen_m1--.jpg" /></a>
					<a href="#" style="left: 5.3333rem;top: 2.5rem;"><img src="img/PART4-hcwomen_m1--.jpg" /></a>
					<a href="#" style="left: 10.6667rem;top: 2.5rem;"><img src="img/PART4-hccp_m1--.jpg" /></a>
					<a href="#" style="left: 0;top: 8.6rem;"><img src="img/PART4-hcsports1_m1--.jpg" /></a>
					<a href="#" style="left: 5.3333rem;top: 8.6rem;"><img src="img/PART4-hckids1_m1--.jpg" /></a>
					<a href="#" style="left: 10.6667rem;top: 8.6rem;"><img src="img/PART4-hclife1_m1--.jpg" /></a>
				</li>
				<li class="custom-box box-item-7">
					<a href="#" style="left: 0;top: 0;"><img src="img/PART5-yrf_m1--.jpg" /></a>
					<a href="#" style="left: 5.3333rem;top: 0;"><img src="img/PART5-xxx_m1--.jpg" /></a>
					<a href="#" style="left: 10.6667rem;top: 0;"><img src="img/PART5-my_m1--.jpg" /></a>
					<a href="#" style="left: 0;top: 5.45rem;"><img src="img/PART5-wy_m1--.jpg" /></a>
					<a href="#" style="left: 5.3333rem;top: 5.45rem;"><img src="img/PART5-ny_m1--.jpg" /></a>
					<a href="#" style="left: 10.6667rem;top: 5.45rem;"><img src="img/PART5-kz_m1--.jpg" /></a>
					<a href="#" style="left: 0;top: 10.9rem;"><img src="img/PART5-dy_m1--.jpg" /></a>
					<a href="#" style="left: 5.3333rem;top: 10.9rem;"><img src="img/PART5-bags_m1--.jpg" /></a>
					<a href="#" style="left: 10.6667rem;top: 10.9rem;"><img src="img/PART5-acc_m1--.jpg" /></a>
				</li>
			</ul>
			<div class="plate-box">
				<section class="plate-index">
					<h3>     <i>——&nbsp;</i> 热销商品<i>&nbsp;——</i> </h3>
					<div class="index-hotsale">
						<ul>
							<li>
								<a href="#">
									<div class="img-box">
										<img src="img/519616_00--w_300_h_410.jpg" />
									</div>
									<span>纯羊绒</span>
									<p class="flex-item-1">ME＆CITY 女纯羊绒毛衫</p>
									<p class="flex-item-1 goods-price">￥239</p>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="img-box">
										<img src="img/519616_00--w_300_h_410.jpg" />
									</div>
									<span>纯羊绒</span>
									<p class="flex-item-1">ME＆CITY 女纯羊绒毛衫</p>
									<p class="flex-item-1 goods-price">￥239</p>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="img-box">
										<img src="img/519616_00--w_300_h_410.jpg" />
									</div>
									<span>纯羊绒</span>
									<p class="flex-item-1">ME＆CITY 女纯羊绒毛衫</p>
									<p class="flex-item-1 goods-price">￥239</p>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="img-box">
										<img src="img/519616_00--w_300_h_410.jpg" />
									</div>
									<span>纯羊绒</span>
									<p class="flex-item-1">ME＆CITY 女纯羊绒毛衫</p>
									<p class="flex-item-1 goods-price">￥239</p>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="img-box">
										<img src="img/519616_00--w_300_h_410.jpg" />
									</div>
									<span>纯羊绒</span>
									<p class="flex-item-1">ME＆CITY 女纯羊绒毛衫</p>
									<p class="flex-item-1 goods-price">￥239</p>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="img-box">
										<img src="img/519616_00--w_300_h_410.jpg" />
									</div>
									<span>纯羊绒</span>
									<p class="flex-item-1">ME＆CITY 女纯羊绒毛衫</p>
									<p class="flex-item-1 goods-price">￥239</p>
								</a>
							</li>
						</ul>
					</div>
				</section>
			</div>
		</section>

		<footer class="bgz-footer-bottom">
			<div class="footer-menu">
				<div class="login">
					<a href="#">登录</a>
					<span style="font: normal;font-size: 14px;">|</span>
					<a href="#">注册</a>
				</div>
				<div class="backtop">
					<span>顶部</span>
				</div>
			</div>
			<div class="footer-copyright">
				CopyRight © 2000-<span id="copyrightTime">2016</span> banggo.com
			</div>
		</footer>

		<footer class="bgz-footer bottom-fixed">
			<ul class="bottom-nav clearfix">
				<li>
					<a href="index.html" class="nav-item"><i class="fa fa-home selectedItem"></i><span class=" selectedItem">首页</span></a>
				</li>
				<li>
					<a href="shop-classify.html" class="nav-item"><i class="fa fa-th-list"></i><span>商品</span></a>
				</li>
				<li>
					<a href="shopcar.html" class="nav-item"><i class="fa fa-shopping-bag"></i><span style="position: relative;">购物袋<label class="shopNum">0</label></span></a>
				</li>
				<li>
					<a href="my.html" class="nav-item"><i class="fa fa-user-circle-o"></i><span>我的</span></a>
				</li>
			</ul>
		</footer>

		<script src="js/util/resize.js"></script>
		<script src="vendor/require.min.js" data-main="js/banggo"></script>
	</body>

</html>
